.media-list {
	display: flex;
	margin: $uni-spacing-col-base 0;
	background-color: #FFFFFF;
	.media-list__img {
		width: 240rpx;
		height: 140rpx;
	}
	.media-list__bd {
		flex: 1;
		padding: 0rpx 8rpx;
		.media-list__bd__title {
			font-size: $uni-font-size-lg;
			font-weight: 400;
		}
		.media-list__bd__desc {
			font-size: $uni-font-size-sm;
			padding: 4rpx 0;
			view {
				line-height: 1.5;
			}
		}
	}
}
.ellipsis {
	white-space: nowrap;  /*强制不换行*/
	-o-text-overflow: ellipsis;    /* Opera 9-10 */
	text-overflow: ellipsis;  /*文本溢出时,显示省略号 IE, WebKit (Safari, Chrome), Firefox 7, Opera 11*/
	overflow: hidden; /*内容超出,隐藏元素 */
}
.section {
	margin: $uni-spacing-col-base 0;
	.section-header {
		background-color: #FFFFFF;
		padding: 14rpx 8rpx;
		font-size: $uni-font-size-lg;
		font-weight: 400;
		display: flex;
		justify-content: space-between;
		color: $uni-color-title;
		.section-title {
			border-left: 3px solid $uni-color-primary;
			padding-left: 18rpx;
		}
		.section-more {
			padding-right: 18rpx;
			color: $uni-color-primary;
		}
	}
	.section-body {
		padding: $uni-padding-base;
	}
}
.uni-ml-16 {
	margin-left: 16rpx;
}
.form {
		padding: 16rpx;
	}
	.form-title {
		background-color: #F8F8F8;
		line-height: 2.5;
		font-size: 32rpx;
		border-top: 1px solid #e5e5e2;
		border-bottom: 1px solid #e5e5e2;
		padding-left: 8rpx;
		.iconfont {
			color: #fd4e17;
			display: inline;
			font-size: 40rpx;
			padding: 0;
			margin-right: 8rpx;
			line-height: 2;
		}
	}
.required::after {
	content: "*";
	color: #fd4e17;
}
.ql-container {
	box-sizing: border-box;
	padding: 8rpx;
	width: 100%;
	min-height: 30vh;
	height: auto;
	background: #fff;
	margin-top: 20rpx;
	font-size: 28rpx;
	line-height: 1.5;
}

.ql-active {
	color: #fd4e17;
}

/* 轮播图 */
	.tui-header-banner {
		padding-top: 16rpx;
		box-sizing: border-box;
	}

	.tui-hot-search {
		color: #fff;
		font-size: 24rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 20rpx;
		box-sizing: border-box;
		position: relative;
		z-index: 2;
	}

	.tui-hot-tag {
		background: rgba(255, 255, 255, 0.15);
		padding: 10rpx 24rpx;
		border-radius: 30rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 24rpx;
		/* margin-left: 20rpx; */
	}

	.tui-banner-bg {
		display: flex;
		height: 180rpx;
		// background: #fd4e17;
		position: relative;
	}

	.tui-primary-bg {
		width: 50%;
		display: inline-block;
		height: 224rpx;
		border: 1px solid transparent;
		position: relative;
		z-index: 1;
		// background: #fd4e17;
	}

	.tui-route-left {
		transform: skewY(8deg);
	}

	.tui-route-right {
		transform: skewY(-8deg);
	}

	.tui-banner-box {
		width: 100%;
		padding: 0;
		box-sizing: border-box;
		/* overflow: hidden; */
		z-index: 99;
	}

	.tui-banner-swiper {
		width: 100%;
		height: 450rpx;
		overflow: hidden;
		transform: translateY(0);
	}

	.tui-slide-image {
		width: 100%;
		height: 375rpx;
		display: block;
	}

	/* #ifdef APP-PLUS || MP */
	.tui-banner-swiper .wx-swiper-dot {
		width: 8rpx;
		height: 8rpx;
		display: inline-flex;
		background: none;
		justify-content: space-between;
	}

	.tui-banner-swiper .wx-swiper-dot::before {
		content: '';
		flex-grow: 1;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 16rpx;
		overflow: hidden;
	}

	.tui-banner-swiper .wx-swiper-dot-active::before {
		background: #fff;
	}

	.tui-banner-swiper .wx-swiper-dot.wx-swiper-dot-active {
		width: 16rpx;
	}

	/* #endif */

	/* #ifdef H5 */
	>>>.tui-banner-swiper .uni-swiper-dot {
		width: 8rpx;
		height: 8rpx;
		display: inline-flex;
		background: none;
		justify-content: space-between;
	}

	>>>.tui-banner-swiper .uni-swiper-dot::before {
		content: '';
		flex-grow: 1;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 16rpx;
		overflow: hidden;
	}

	>>>.tui-banner-swiper .uni-swiper-dot-active::before {
		background: #fff;
	}

	>>>.tui-banner-swiper .uni-swiper-dot.uni-swiper-dot-active {
		width: 16rpx;
	}

	/* #endif */

.article-container{
	padding-bottom: 120rpx;
}
.sun-card {
	background-color: #FFFFFF;
	padding: 30rpx;
	margin: 8rpx 0;
	.sun-card-header{
		font-size: 30rpx;
		font-weight: 700;
		&.title{
			font-size: 34rpx;
		}
	}
	.sun-card-content{
		padding-top: 16rpx;
	}
}
.card-serial {
	color: #8d8d8d;
}
.card-price-box{
	display: flex;
	justify-content: flex-start;
	.card-price{
		margin-right: 40rpx;
		text{
			color: #FF0000;
			font-size: 40rpx;
		}
	}
	.card-pricef{
		margin-right: 40rpx;
		font-size: 24rpx;
		color: #ff9c1b;
		text{
			font-size: 40rpx;
		}
	}
}
.card-three {
	display: flex;
	flex-wrap: nowrap;
	padding: 40rpx 0;
	margin: 16rpx 0;
	border-top: 1px solid #ECECEC;
	border-bottom: 1px solid #ECECEC;
	.card-three-item{
		flex: 1;
		border-right: 1px solid #ECECEC;
		padding-left: 30rpx;
		&:last-child{
			border-width: 0;
		}
		&:first-child{
			padding-left: 0;
		}
		.card-three-item__tp{
			font-size: 30rpx;
			font-weight: 700;
		}
		.card-three-item__bt{
			font-size: 24rpx;
			color: #8d8d8d;
		}
	}
}
.card-row-box{
	.card-row{
		display: flex;
		flex-wrap: nowrap;
		.card-row-label{
			color: #8d8d8d;
			width: 168rpx;
			flex-shrink: 0;
		}
		.card-row-text{
			flex-grow: 1;
			text-align: justify;
			text-justify: newspaper;
			word-break: break-all;
		}
	}
}
.map{
	width: 100%;
	height: 360rpx;
}
.bottom-bar{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-wrap: nowrap;
	padding: 20rpx 30rpx;
	background-color: #FFFFFF;
	box-shadow: 0 1px 10px -2px rgba(0,0,0,0.4);
	z-index: 9999;
	.bottom-bar-item{
		padding: 0 10rpx;
		button{
			border-radius: 0;
			.iconfont{
				font-size: 40rpx;
				line-height: 1;
			}
			.btn-label{
				font-size: 20rpx;
				line-height: 1.5;
			}
		}
		button[type=default]{
			background-color: #FFFFFF;
			padding: 0;
			border-color: #FFFFFF;
			&::after{
				border-color: #FFFFFF;
			}
		}
		&.bar-default{
			width: 90rpx;
		}
		&.bar-warn {
			flex: 1;
		}
	}
	
}
.own-park {
	display: flex;
	flex-wrap: nowrap;
	image{
		width: 220rpx;
		height: 145rpx;
	}
	.own-park-content{
		flex-grow: 1;
		padding-left: 16rpx;
		.own-park-title {
			font-size: 28rpx;
			font-weight: 600;
		}
		.own-park-price{
			font-size: 30rpx;
			color: #f69434;
		}
		.own-park-region{
			font-size: 24rpx;
			color: #8d8d8d;
		}
	}
}